<template>
	<view class="err_page" :style="'height:' + pageHeight + 'px;width: 100%;'" @tap="reload">
		<text>{{'页面似乎走丢了>_<'}}</text>
		<text class="rl">{{'请点击页面重新加载'}}</text>
	</view>
</template>

<script>
	export default {
		props: {

		},
		data() {
			return {
				pageHeight: 0
			};
		},
		methods: {
			reload: function () {
				console.log('重新加载页面')
				this.$emit('reloadPage')
			}
		},
		mounted:function(){
			uni.getSystemInfo({
				success: (data) => {
					this.pageHeight = data.windowHeight;
				}
			})
		}
	}
</script>

<style lang="less">
	.err_page {
		background-color: @g-background;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: @g-gray;
		font-size: 16px;
		z-index: 100;
		.rl {
			margin-top: 10px;
			font-size: 12px;
		}
	}
</style>
